<template>
    <div id="app" ref="app">
        <transition name="fade" mode="out-in">
            <router-view></router-view>
        </transition>
        <!--<global-mask></global-mask>-->
    </div>
</template>
<script>
  import GlobalMask from '@/components/globalMask.vue'
  import {
    Button
  } from 'mand-mobile'

  export default {
    components : {
      [ GlobalMask.name ] : GlobalMask ,
      'md-button' : Button ,
    } ,
    data () {
      return {
        timer : null ,
        images : [] ,
        operation : null
      }
    } ,
    mounted () {
    } ,
    beforeRouteEnter ( to , from , next ) {
      next ( async ( vm ) => {
        console.log ( 'backtrack=============2' )
      } )
    } ,
    methods : {}
  }
</script>
<style scoped>
    .fade-enter {
        opacity: 0;
    }

    .fade-leave {
        opacity: 1;
    }

    .fade-enter-active {
        transition: opacity .1s;
    }

    .fade-leave-active {
        opacity: 0;
        transition: opacity .1s;
    }
</style>
